@import "../../../../../assets/css/Master/index";

.popupst {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 500;
  background-color: rgba(255, 255, 255, .7);
  //background:url("../img/bg2.jpg") no-repeat;
  background-size:cover;

  .content {
    width: 100%;
    //height: 100%;
    position: relative;
    top: 2rem;
    right: 0rem;
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;

    .text {
      width: 45%;
      padding: 1rem;
      margin-right: 3%;
      box-shadow: 0 8px 24px 0 rgba(255, 208, 0, 0.4);
      background-color: #ffd000;
      font-size: 1.4rem;
      color: #66440a;
      text-align: left;
      border-radius: .4rem;
      position: relative;
      animation: bounceshade-wordin infinite 2.5s;
      -webkit-animation: bounceshade-wordin infinite 2.5s;

      span {
        position: absolute;
        right: 10%;
        top: -.35rem;
        width: 0;
        height: 0;
        transform: rotate(45deg);
        margin-left: 0;
        border-left: .7rem solid #ffd000;
        border-top: .7rem solid #ffd000;
      }
    }
  }


  @keyframes bounceshade-wordin {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-1rem);
    }
    100% {
      transform: translateY(0);
    }
  }
  @-webkit-keyframes bounceshade-wordin {
    0% {
      transform: translateY(0);
    }
    50% {
      transform: translateY(-1rem);
    }
    100% {
      transform: translateY(0);
    }
  }
}